<template>
  <div class="footer_box">
    <div class="footer_item item_left">
      <img class="footer_logo" src="@/assets/img/footerLogo.png" alt />
      <div class="footer_title">销售及服务：</div>
      <div class="footer_name">400-885-6022</div>
      <div class="footer_title">地址：</div>
      <div class="footer_name">长沙高新开发区尖山路39号中电软件园一期9栋201</div>
    </div>
    <div class="footer_item" style="margin-left:40px">
      <div class="footer_sub sub_title">产品与服务</div>
      <div class="footer_sub_name">云计算基础平台</div>
      <div class="footer_sub_name">中电物联平台</div>
      <div class="footer_sub_name">大数据平台</div>
      <div class="footer_sub_name">微服务组件</div>
      <div class="footer_sub_name">开发者平台</div>
      <div class="footer_sub_name">运维可视化平台</div>
      <div class="footer_sub_name">云管平台</div>
      <div class="footer_sub_name">应用市场</div>
      <div class="footer_sub_name">行业子平台</div>
      <div class="footer_sub_name">区域子平台</div>
    </div>
    <div class="footer_item">
      <div class="footer_sub sub_title">行业子平台</div>
      <div class="footer_sub_name"><a href="https://www.cec-smt.com/" rel="noopener noreferrer" target="_blank">中电SMT行业云平台</a></div>
      <div class="footer_sub_name"><a href="http://175.6.101.244:10090/login" rel="noopener noreferrer" target="_blank">中电数字零售云平台</a></div>
    </div>
    <div class="footer_item">
      <div class="footer_sub sub_title">区域子平台</div>
      <div class="footer_sub_name"><a href="http://www.cs-icloud.com/home/index" rel="noopener noreferrer" target="_blank">长沙工业云平台</a></div>
      <div class="footer_sub_name"><a href="http://www.cec-fjii.com.cn/home/index" rel="noopener noreferrer" target="_blank">中电福建工业互联网平台</a></div>
      <div class="footer_sub_name"><a href="https://cecicloud.com/f" rel="noopener noreferrer" target="_blank">江宁产业云平台</a></div>
    </div>
    <div class="footer_item">
      <div class="footer_sub sub_title">解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">SMT行业解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">数字零售解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">半导体行业解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">机加工数控机床解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">金融设备远程运维解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">环境监控解决方案</div>
      <div class="footer_sub_name" @click="navTo('/home/resolve')">...</div>
    </div>
    <div class="footer_item">
      <div class="footer_sub sub_title">关于我们</div>
      <div class="footer_sub_name">关于我们</div>
      <div class="footer_sub_name">咨询合作</div>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    navTo(path){
      this.$router.push({ path })
    }
  }
};
</script>

<style lang="less" scoped>
.footer_box {
  width: 1280px;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.sub_title {
  margin: 20px 0;
}
.footer_item {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  min-width: 180px;
  .footer_logo {
    width: 80px;
    height: 70px;
    // background-color: #ccc;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.item_left {
  width: 220px;
}
.test {
  height: 1500px;
  width: 100%;
  background: #333;
}
.footer_title {
  padding: 6px 0;
  color: #b0b0b0;
  cursor: pointer;
}
.footer_name {
  padding: 6px 0;
  color: #d6d6d6;
  font-size: 14px;
  cursor: pointer;
}
.footer_sub_name {
  padding: 6px 0;
  font-size: 14px;
  color: #b0b0b0;
  a{
  color: #b0b0b0;
  text-decoration : none;
  }
  cursor: pointer;
  &:hover {
    color: #fff;
  }
  a:hover {
    color: #fff;
  }
}

</style>